Skip to content

iOS Custom Fonts

  • Add your fonts inside a folder for example src/assets/fonts/ :
    Quicksand-Bold.ttf
    Quicksand-Light.ttf
    Quicksand-Medium.ttf
    Quicksand-Regular.ttf
    Quicksand-SemiBold.ttf
  • Add or edit react-native.config.js in the root of your project:
    module.exports = {
    project: {
    ios: {},
    android: {},
    },
    iosAssets: ["./src/assets/fonts"],
    };
  • Then link your assets using react-native-asset npm library:
    Terminal window
    npx react-native-asset
  • Use the font:
    const style = createStyleSheet.create({
    text: {
    fontFamily: "Quicksand",
    },
    });
  • Rebuild and test.